<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Film Trailers en Info</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
</head>
<body>
<!-- begin #container -->
<div id="container">
	<!-- begin #header -->
    <div id="header">
    	<div class="logo"><a href=""><img src="images/logo.png" alt="" /></a></div>
        <div class="slogan">ONLINE TRAILERS EN INFO</div>
        <div class="clearfloat"></div>
    	<div class="headerTop">
        	<div class="menu">
            	<ul>
                	<li id="active"><a href="">HOME</a></li>
                    <li><a href="/categorieen.php">CATEGORIEËN</a></li>
                    <li><a href="">VERZOEKEN</a></li>
                    <li><a href="">CONTACT</a></li>
                </ul>
          </div>
        	<div class="clearfloat"></div>
        </div>
        <div>
        	<div class="headerPic"><img src="images/headerPic.jpg" alt="" /></div>
            <div class="headerSlogan">
              <p>De Nieuwste Film</p>
            Trailers en Info</div>
        </div>
        <div class="clearfloat"></div>
    </div>
    <!-- end #header -->
    <!-- begin #sidebar1 -->
    <div id="sidebar1">
      <h2>Categorieën</h2>
        <ul>
            <li><a href="#">Alle Categorieën</a></li>
        </ul>
    </div>
    <!-- end #sidebar1 -->
    <!-- begin #mainContent -->
    <div id="mainContent">
    	<div class="box">
        	<div><img src="images/pic1.jpg" alt="" /></div>
            <div class="boxTitle">Slacker</div>
            <div class="boxLink">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="">Details</a></div>
        </div>
        <div class="box">
        	<div><img src="images/pic2.jpg" alt="" /></div>
            <div class="boxTitle">Kids in America</div>
            <div class="boxLink">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="">Details</a></div>
        </div>
        <div class="box">
        	<div><img src="images/pic3.jpg" alt="" /></div>
            <div class="boxTitle">Tum Milo Toh Sahi</div>
            <div class="boxLink">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="">Details</a></div>
        </div>
        <div class="box">
        	<div><img src="images/pic4.jpg" alt="" /></div>
            <div class="boxTitle">American Zombie</div>
            <div class="boxLink">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="">Details</a></div>
        </div>
        <div class="box">
        	<div><img src="images/pic5.jpg" alt="" /></div>
            <div class="boxTitle">Dil Toh Bachha Hai Ji</div>
            <div class="boxLink">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="">Details</a></div>
        </div>
        <div class="box">
        	<div><img src="images/pic6.jpg" alt="" /></div>
            <div class="boxTitle">Arya 2</div>
            <div class="boxLink">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="">Details</a></div>
        </div>
        <div class="box">
        	<div><img src="images/pic7.jpg" alt="" /></div>
            <div class="boxTitle">Awara Paagal Deewana</div>
            <div class="boxLink">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="">Details</a></div>
        </div>
        <div class="box">
        	<div><img src="images/pic8.jpg" alt="" /></div>
            <div class="boxTitle">Her Fatal Flaw</div>
            <div class="boxLink">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="">Details</a></div>
        </div>
    </div>
    <div class="clearfloat"></div>
    <div></div>
    <!-- end #mainContent -->
    <!-- This clearing element should immediately follow the #mainContent div in order to force the #container div to contain all child floats --><br class="clearfloat" />
    <!-- begin #footer -->
    <div id="footer">
		<p>
   	    Copyright &copy; Website Naam</p>
	</div>
    <!-- end #footer -->
</div>
<!-- end #container -->
</body>
</html>
